/**reset**/
html,body{position: relative;height: 100%;}
body {background: #f5f5f5;font-size:16px;line-height: 1.8;color: #151515;}
a{color: #151515;-webkit-transition:all 0.25s ease 0s;-moz-transition:all 0.25s ease 0s;transition:all 0.25s ease 0s;line-height: 1.6;}
a:hover{color: #0b9aff;text-decoration: none;}
a:focus{outline: none;}
ul,ol,li{padding:0;list-style: none outside none;}
em,i {font-style:normal;}
h3{font-weight: bold;font-size: 28px;}
small{margin-right:10px;}
img {max-width: 100%;}
dt {font-weight: 400;}
.table {margin-bottom:0;background: #fff;}
.table > thead > tr > th {height:40px;border-bottom-width: 1px;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    vertical-align:middle;
    padding:20px 15px;
}
.breadcrumb{padding:5px 0;background: transparent;}
/**common**/
.container{position:relative;padding:0;width:1200px;}
.container-full{width:100%;}
.main{float:left;padding-right:60px;width: 75%;}
.side{float:right;width:25%;}
.body-white{background-color: #fff;}
body>section{position:relative;padding:100px 0 30px;}
section .heading{position: relative;margin-bottom: 80px; text-align: center;}
section .heading .title{position:relative;z-index: 1; margin:0;font-size:32px;font-weight: 700;}
section.banner {position:relative;height:520px;background-repeat:no-repeat;background-position: center center; background-size: cover;text-align: center;}
section.banner .heading{color: #fff;}
section.banner .heading .title:after{display: none;}
section .heading .title-en{position:absolute;z-index:0;margin:0;left:50%;top:50%;transform: translate(-50%, -50%);font-size:120px;text-transform: uppercase;opacity: 0.05;}

.btn-more{display:inline-block;margin-top:5px;padding:5px 15px;border:1px solid #666;text-transform: uppercase;font-size: 12px;}
.btn-more-white{color:#fff;border-color: #fff;}
a:hover .btn-more,.btn-more:hover{border-color:#e20215;background: #e20215;color: #fff;}
.summary{color: #666;font-size: 16px;}

/*breadcrumb*/
.breadcrumb-cate .search{float:right;width: 24%;margin-top:20px;;}
.breadcrumb-cate .container{margin-top:-40px;padding: 0 30px;height:80px;line-height: 80px; background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.05);}
.page-content .breadcrumb-cate .container{margin-top:0;}
.breadcrumb-cate .mod-breadcrumb{float:left;width: 50%;}
.breadcrumb-cate .mod-cate{ float:right;}
.breadcrumb-cate  .item {display: inline-block;}
.breadcrumb-cate  .item a{padding:0 15px;}
.breadcrumb-cate  .item:last-child a{padding-right:0;}
.breadcrumb-cate  .item:first-child a{padding-left:0;}
.breadcrumb-cate  .item .active{color: #e20215;}
.breadcrumb-cate .mod-breadcrumb .item span{padding-left:15px;}
.search .input-group .form-control:not(:first-child):not(:last-child){height:40px;line-height: 40px;border-radius: 5px;}
.search .input-group-addon{background:transparent;padding:0 0 0 5px;border: 0 none;}
.search .btn{width:40px;height:40px;border-radius: 5px;}

/*pagination*/
.nav-page{text-align: center;padding-bottom: 60px;}
.nav-page .container{padding:10px 30px; }
.pagination{margin:0 auto;}
.pagination>li {line-height: 40px;}
.pagination>li:first-child{margin-left:15px;color: #666;}
.pagination>li:last-child>a, .pagination>li:last-child>span{border-radius: 0;}
.pagination>li:last-child{margin-right:0;}
.pagination>li>a, .pagination>li>span{border:0 none;margin:0 5px;color: #333;;}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{border-color: #fff; background-color: #fff;color: #e20215;}
/**sideBar**/
.side-bar {position: fixed;padding-left:150px;z-index:1000;bottom: 100px;right: 15px;}
.side-bar .item {width:48px;height:48px;border-radius:50%;text-align:center;margin-bottom:15px;cursor: pointer;background-color: #fff;background-repeat: no-repeat;background-position:center center;background-size:50%;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.side-bar .item:hover{background-color: #a8eeff;}
.side-bar .item.item-feedback{background-image: url(../images/sideBar_icon_guestbook.png);}
.side-bar .item.item-top{background-image: url(../images/sideBar_icon_toTop.png);}
.side-bar .item a {display:block;width:100%;height:100%;}
.popover-title{text-align: center;}
/*swiper*/
.swiper-container {width: 100%; height: 100%; margin-left: auto; margin-right: auto;}
.swiper-container .swiper-slide{display:block;width:100%;height:100%;background-position: center center;background-repeat: no-repeat;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 10px;}
.swiper-pagination-bullet{width: 16px;height:16px;border-radius: 16px;background: rgba(255,255,255,0.5);}
.swiper-pagination-bullet-active{width:32px;background: rgba(255,255,255,1);}
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}
/**guestBook**/
.toGuestBook{height:480px;background:url(../images/guestbook_bg.jpg) no-repeat center bottom;background-size: cover;color:#fff;text-align: center;}
.toGuestBook .heading{margin-bottom: 40px;}
.toGuestBook .heading .title{line-height: 1.5;}
.toGuestBook .heading .title:after{display: none;}
.btn-guestBook{display:block;margin:20px auto 0;width: 240px;height:60px;border-radius:10px;line-height:60px;background:#0b9aff;color: #fff;font-size:24px;font-weight: 700;text-align: center; }
.btn-guestBook:hover{color: #fff !important;background:#0157b5;box-shadow: 3px 3px 6px rgba(0,0,0,0.1);}
.form-guestBook .form-control{border:0 none;}
.sendGuestBook .form-guestBook{padding:0 60px;}
.sendGuestBook .pop {position: absolute;z-index: 100; top:0;left:50%;margin-left:-25%;display:none;width: 50%;height: 50px;border-radius:5px;background-color: #f5f5f5;color:#e20215; }
.sendGuestBook .pop #popContent {padding:0;margin:0; position: absolute; top:50%; left:50%; width:100%; transform:translate(-50%,-50%);text-align: center;}
.sendGuestBook .pop .close {position: absolute;right:5px;top:5px;font-size:24px; color:#191919;cursor: pointer; }

/*share*/
#qrcode canvas{width: 180px;}
.items-share {margin:30px;text-align: center;}
.items-share .item {position: relative;display:inline-block;width:40px;height:40px;line-height: 40px;margin:10px;background: #72c5ff;color: #fff;text-align: center;cursor: pointer;}
.items-share .item .fa{font-size:16px;color: #fff}
.items-share .item:hover {background: #0157b5;color: #fff;}
.items-share .item a:hover{color: #fff;}

/**page-header**/
.page-header{margin:0;padding:10px 0;height:90px;border-bottom: 3px solid #14b0fe;background-color: #fff;}
.page-header .brand{float:left;margin:0;}
.page-header .nav-header{float:right;padding-left:30px;margin:0; width:75%;text-align: right;}
.page-header .nav-header .item{display:inline-block;width:15%;text-align: center;font-size: 16px;}
.page-header .nav-header .item a {display:block;padding:0;line-height:70px;}
.page-header .nav-header .item.active a{color: #14b0fe;}

/**page-index**/
.page-index>section{padding:60px 0 0 ;}
.page-index>section .heading{margin-bottom: 30px;}
.page-index .slider{padding:0;height: 680px;}
.page-index .slider .swiper-container{position:relative;padding:0;z-index:99;}
.page-index .slider .swiper-slide{background-size: cover;}
.page-index .business{position:relative;padding-bottom:0;background:#fff;overflow: hidden;}
.page-index .business .container-full{padding:0 15%;}
.page-index .business .pull{position:relative;z-index:3;width:30%;}
.page-index .business .item{margin-bottom: 30px;}
.page-index .business .pull-left .item{text-align: right;}
.page-index .business .item .item{margin-bottom: 10px;}
.page-index .business .item .title{font-size:24px;font-weight: 700;}
.page-index .business .item .mod-text a {display: block;padding: 5px 0;}
.page-index .business .item span{padding-left:15px;}
.page-index .business .people{position: absolute;z-index:1;bottom: 0; left: 32%;width: 36%;height:600px;background: url(../images/index_service_people.png) center bottom no-repeat;background-size: 100%;}
.page-index .business .title-en{position: absolute;left:10%;transform: translateX(-10%); z-index:2;bottom: 0;text-align:center;height:360px;font-size: 300px;font-weight: 700;color:#f6f6f6;text-transform: uppercase;}

.page-index .product .product-nav{padding-bottom: 20px; font-size: 0;overflow: hidden;}
.page-index .product .product-nav .item{float:left;position:relative;display: inline-block;padding:30px;margin-right:3.5%;width:31%;background: #fff ;font-size:24px;text-align: center;border-radius:2%;border:1px solid #fff;box-shadow: 0 0 10px rgba(0,0,0,.05);}
.page-index .product .item:hover{box-shadow: 0 0 25px rgba(0,0,0,.075);transition:all 0.25s ease 0s;}
.page-index .product .product-nav .item:last-child{margin-right:0;}
.page-index .product .product-nav .item .dot{position: absolute;content: ""; right:20px;top:20px;width: 10px;height:10px;border-radius:50%;background-color: #f00;opacity:0;}
.page-index .product .product-nav .item:hover .dot{opacity:1;width: 30px;height:30px;transition:all 0.55s ease 0s;}
.page-index .product .product-nav .item.item-1 .dot{background-color: #a8eeff;}
.page-index .product .product-nav .item.item-2 .dot{background-color: #f69495;}
.page-index .product .product-nav .item.item-3 .dot{background-color: #c1fbc1;}
.page-index .product .product-nav .item .icon{margin:10px auto 30px;width: 180px;height:180px;border-radius: 50%;background-repeat: no-repeat;background-position: center center;transition:all 1s ease 0s;}
.page-index .product .product-nav .item:hover .icon{background-color: #f5f5f5;}
.page-index .product .product-nav .item.item-1 .icon{background-image: url(../images/icon_test.png);}
.page-index .product .product-nav .item.item-2 .icon{background-image: url(../images/icon_line.png);}
.page-index .product .product-nav .item.item-3 .icon{background-image: url(../images/icon_soft.png);}
.page-index .product .product-nav .item .mod-text{padding-bottom:15px;}
.page-index .product .product-nav .item .mod-text,.page-index .product .product-nav .item .mod-more{text-align: left;}
.page-index .product .product-nav .item .mod-text .title{padding:10px 0;font-size:24px;font-weight:500;}
.page-index .product .product-nav .item .mod-text a{display: block; padding:5px 0;font-size: 16px;}
.page-index .product .product-content{padding-bottom: 200px;}
.page-index .product .product-content .item{background-color: #fff;}
.page-index .product .product-content .item .mod-text{padding:15px 20px;}
.page-index .product .product-content .item .mod-text .summary{display: -webkit-box;-webkit-box-orient:vertical ; -webkit-line-clamp:3; height:90px;overflow: hidden;text-overflow: ellipsis;}

.page-index .about{ background-color:#0157b5;background-size: cover;}
.page-index .about .heading{margin-top:-120px;text-align: left;}
.page-index .about .container{height: 100%;}
.page-index .about .container:before{position: absolute;content: "";z-index:1;bottom:0;left:0;width:385px;height:355px;background:url(../images/index_font_li.png) no-repeat left bottom ;}
.page-index .about .container:after{position: absolute;content: "";z-index:10;right:0;bottom:0;width: 480px;height: 520px;background:url(../images/index_about_people.png) no-repeat center bottom;}
.page-index .about .body {width:62%;padding: 60px 0;color:#fff;}
.page-index .about .body .summary{color: #fff;}

.page-index .customer{padding-bottom:300px;background:url(../images/custom_map.png) no-repeat;background-size: 100%;}
.page-index .customer .heading .title{margin-bottom: 10px;}
.page-index .customer .swiper-container{padding:30px 60px 60px;}
.page-index .customer .swiper-slide{width: 300px;height:200px;}

.page-index .news{padding:0 0 60px;}
.page-index .news:before{position: absolute;content: "";left:0;width:100%;height:320px;background-color:#0b9aff;}
.page-index .news .container:before{position: absolute;content: "";z-index:100;top:-310px;left:0;width:380px;height:490px;background:url(../images/index_news_people.png) no-repeat left bottom ;}
.page-index .news .container:after{position: absolute;content: "";z-index:1;top:0;right:0;width:385px;height:355px;background:url(../images/index_font_li.png) no-repeat left bottom ;}
.page-index .news .heading {position:absolute;z-index:2;right:0;top:60px;color: #fff;text-align: right;}
.page-index .news .heading .title{margin-bottom: 10px;}
.page-index .news .heading .title:after{left:auto;right:0;}
.page-index .news .heading a {margin-left:15px;color: #fff;}
.page-index .news .heading a:hover {padding:5px 15px;background-color:#e60012; }
.page-index .news .body{padding-top:180px;}
.page-index .news .news-items{position:relative;z-index:9;padding:60px 0 30px;overflow:hidden;background:#fff;font-size: 0;}
.page-index .news .news-items .item{display:inline-block;padding:0 30px 30px;width: 50%;}
.page-index .news .news-items .item .summary{font-size: 14px;display: -webkit-box;-webkit-box-orient:vertical ; -webkit-line-clamp:3; height:90px;overflow: hidden;text-overflow: ellipsis;}
.page-index .btn-guestBook{margin-top:260px;}

.page-index .section-wave{padding:0;width:100%;height:240px;}
.page-index .section-wave .wave { width: 100%;height: 100%; }
.page-index .section-wave .wave path {fill: rgba(1, 87, 181, 0.75);}

/**page-about**/
.page-about .body{text-align: center;}
.page-about .about{min-height:600px;background:url(../images/about_banner.jpg) no-repeat;background-size: cover;color:#fff;}
.page-about .about .container{min-height:600px;height: 100% ;}
.page-about .about .body {padding:30px;background:#060b31;background: rgba(13,31,83,0.7);line-height: 2.4;}
.page-about .team{background-color: #fff;}
.page-about .process{padding-bottom: 0;}
.page-about .process .heading{margin-bottom: 200px;}
.page-about .process .body{position: relative;height:500px; background:url(../images/about_process_bg.jpg) no-repeat center center;background-size: cover;background-attachment:fixed;}
.page-about .process .body .container{position: absolute;left:50%;margin-left:-600px;top:-100px; background-color: #fff;}

/**item**/
.items .item{position: relative; margin-bottom:60px;overflow: hidden;}
.items .item .mod-header{position:relative;margin-bottom:20px;line-height: 1.6;}
.items .item .title {font-size:24px;}
.items .item .mod-body{padding:15px;background-color: #fff;overflow: hidden;}
.items .item .mod-body .mod-pic{float:left;width: 40%;}
.items .item .mod-body .mod-text{padding:0 0 0 42%;}
.items .item .mod-body.block .mod-pic{display: none;}
.items .item .mod-body.block .mod-text{padding:15px;}
.items .item .date{position: absolute;z-index:0;bottom:-50px;right:0;font-size: 60px;color:#f5f5f5;font-weight: 700;}
.items .item .btn-more{float:right;position:relative;z-index:1; margin-top:30px;border:0 none;}
.contiguous{font-size: 0;}
.contiguous .item{display: inline-block;padding:15px;margin:0;width: 49%;border:1px solid #ccc; font-size: 14px;}
.contiguous .item.next{margin-left:2%;text-align: right;}
.contiguous .item i{margin:0 15px;}

/**page-product**/
.page-products .banner{background:url(../images/product_banner.jpg)}
.page-products .banner .heading,.page-product .banner .heading .summary{color: #fff;}
.page-products  .container-products{margin-top:30px;}
.page-products .items .item {margin-bottom:30px;background-color: #fff;}
.page-products .items .item .mod-header{padding:15px 15px 0;}
.page-products .items .item .mod-body{background:transparent;}
.page-products .items .item .btn-more{border:1px solid #333;}
.page-products .items .item .btn-more:hover{border:0 none;}
.page-content{background-color: #fff;}
.page-content .content .mod-header{margin-bottom: 30px;}
.page-content .recommend{padding:30px;background-color: #f5f5f5;}
.page-content .recommend .item{margin-bottom: 20px;}
.page-content .recommend .item .mod-body{padding:20px;}
/**page-news**/
.page-news .banner{background:url(../images/news_banner.jpg) center 60%;}
.page-news .news{padding:30px 0 60px;}
.page-news .container-news{margin-top:60px;}
.page-news .news-hot .head {padding:15px 0 0;border-bottom: 3px solid #72c5ff;}
.page-news .news-hot .item{padding:14px 0 15px;border-bottom: 1px solid #ddd;}
.page-news .news-hot .item .title{font-size: 16px;}
.page-news.page-content .recommend .item .mod-text{padding:0;}

/**page-jobs**/
.page-jobs .banner{background:url(../images/job_banner.jpg);}
.page-jobs .container-jobs{margin-top:30px;margin-bottom: 30px;}
.page-jobs .summary .item{display: inline; padding-right:20px;}
.page-jobs .summary .item label{font-weight: 400;;}
.page-jobs .container-jobs .items .item{margin-bottom: 30px;}
.page-jobs.page-content .jobs{padding-top:30px;}
.page-jobs.page-content .job-content .title {padding:15px 0;margin-bottom:20px;border-bottom: 1px solid #ddd;font-size:20px;}

.container-send {padding:30px 0;background: #0157b5;color:#fff;}
.container-send .fa{position: absolute;right:0;bottom:0;top:0;font-size: 160px;}

.container-send .position-send .more{margin-left:10px;padding:10px;background-color: #ffcb4c;border:0 none;}
.container-send .send-tips {margin-top:15px;font-size: 14px;}
/**page-contact**/
.page-contact .banner{height:640px;background:url(../images/contact_banner.jpg);}
.page-contact .contact-map .container{margin-top:-400px;background-color:  rgba(0,0,0,0.05);padding:10px;height: 480px;}
.page-contact .contact-map .map{height:100%;}
.page-contact .contact-text {margin:30px 0 60px;}
.page-contact .contact-text .item{float: left; display: inline-block;width: 32%;margin-right:2%; margin-bottom:30px;padding:30px;background-color: #fff;text-align: center;}
.page-contact .contact-text .item:last-child{margin-right:0;}
.page-contact .contact-text .item .icon{margin:10px auto 10px;width: 120px;height:120px;line-height: 120px; border-radius: 50%;font-size:60px;color:#fff;}
.page-contact .contact-text .item:nth-child(1) .icon{background-color: #00b1dd;}
.page-contact .contact-text .item:nth-child(2) .icon{background-color: #fe6164;}
.page-contact .contact-text .item:nth-child(3) .icon{background-color: #8bdc8b;}

/**page-footer**/
.page-footer {text-align: center;font-size: 14px;}
.page-footer .footer-content{padding:30px 0; background-color: #fff ;}
.page-footer .footer-content .hotLine{float:left;position:relative;padding-top:46px;width: 25%;}
.page-footer .footer-content .hotLine:before {position: absolute;content: "";z-index:1;left:50%;top:0;margin-left:-18px;width:36px;height:36px;background:url(../images/icon_hotLine.png) no-repeat center center;}
.page-footer .footer-content .hotLine p{margin:0;line-height: 1.4;color: #666;}
.page-footer .footer-content .hotLine .phone {font-size: 28px;color: #e71418;}
.page-footer .footer-content .footer-nav{float:left;width: 75%;}
.page-footer .footer-content .footer-nav .item{float:left;width:25%;padding:10px 30px;}
.page-footer .footer-content .footer-nav .item dt{font-size: 16px;font-weight: 600;}
.page-footer .footer-content .footer-nav .item dd{padding:5px 0;}
.page-footer .footer-content .footer-contact .item .icon {margin-right:15px;}
.page-footer .footer-text{padding:10px 15px;background: #f5f5f5;}

/**404**/
.page-404 .container{margin-top:30px;}